<template>
    <div>
        <div class="px-4 mb-3 text-lg font-bold text-gray-700">
            产品名称产品名称产品名称产品名称产品名称产品名
        </div>
        <!-- <div class="flex px-4 mb-4 text-sm ">
            <div class="text-gray-500 transition-all " :class="{'line-clamp-1':!expand}">
                全新包装，肉质鲜嫩，高蛋白，低脂肪，好烫好肉，尽享浓郁。尽在小猪佩奇到罐头！
            </div>
            <div class="shrink-0" @click="expand = !expand">
                <IMingcute:down-fill />
            </div>
        </div> -->
        <div class="flex items-center justify-between px-4 text-sm text-gray-400 ">
            <div class="flex items-center space-x-2">
                <ITwemoji:flag-china /> <span>中国 ｜ PETKIT 小佩</span>
            </div>
            <div>
                月销 1.2w
            </div>
        </div>
    </div>
</template>
    
<script setup lang='ts'>
const expand = ref(false);
</script>
    
<style></style>